<template>
    <div class="flex-col">
        <div class="flex1 flex-col">
            <div class="panel _body flex1 flex-col">
                <div class="panel-head">
                    <div class="panel-head-l"><span class="panel-icon _default"></span>废气排放口</div>
                </div>
                <div style="height:30px"></div>
                <div class="flex1">
                    <!-- 表格 -->
                    <el-table :data="tableData"
                              border
                              style="width: 100%">
                        <el-table-column label="序号"
                                         type="index"
                                         :index="nStartno"
                                         align="center"
                                         width="80"></el-table-column>
                        <el-table-column prop="dischargecode"
                                         label="排放口编号"
                                         align="center"></el-table-column>
                        <el-table-column prop="dischargename"
                                         label="排放口名称"
                                         align="center"></el-table-column>
                        <el-table-column prop="zywrwzl"
                                         label="污染物种类"
                                         align="center"></el-table-column>
                        <el-table-column label="排放口地理坐标"
                                         align="center">
                            <el-table-column prop="longitude"
                                             label="经度"
                                             align="center">
                            </el-table-column>
                            <el-table-column prop="latitude"
                                             label="纬度"
                                             align="center">
                            </el-table-column>
                        </el-table-column>
                        <el-table-column prop="pqtgd"
                                         label="排气筒高度(m)"
                                         align="center"></el-table-column>
                        <el-table-column prop="pqtcknj"
                                         label="排气筒出口内径(m)"
                                         align="center">
                        </el-table-column>
                        <el-table-column prop="pqwd"
                                         label="排气温度(℃)"
                                         align="center">
                        </el-table-column>
                    </el-table>


                </div>
                <!-- 分页条 -->
                <wiv-pagebar ref="pagebar"
                             @after-flip="fAfterFlip"></wiv-pagebar>
            </div>
        </div>

        <!--子页-->
        <sub-detail class="page _sub"
                    v-if="bShowDetail"
                    :visible.sync="bShowDetail"
                    :detail="oCurRow"
                    :is-view="bIsView"
                    @data-change="fDetailDataChange" />
    </div>
</template>

<script>
    import { URLS_HBDA } from '@/urls.js';

    export default {
        name: 'fqinfo',

        components: {
            // SubDetail
        },
        data() {
            return {
                //-- 表格 -- 
                nStartno: 0, //当前页数据的开始序号（从1开始） 
                oCurRow: null, //表格选中行 
                bShowDetail: false, //子页是否显示
                bIsView: false, //详情是否为查看状态，查看时，表单内容不可编辑   
                tableData: [],//表格数据
                mergeObj: {},
            };
        },
        //**** watch
        //**** 生命周期钩子：mounted, updated, beforeDestroy 等
        mounted() {
            this.fResetTable();


        },
        beforeDestroy() {
        },
        methods: {
            fDetailDataChange() {//弹框中数据发生变化，如：新增、修改的保存操作
                //this.fResetList();
            },
            fAfterFlip(aData, oPageApi) {
                this.tableData = aData;
                this.nStartno = oPageApi.startno;
            },
            //*** 其他
            //请求表格数据
            fResetTable() {
                this.$refs.pagebar.fReset({
                    url: URLS_HBDA.d_getQyhbdafqList
                });
            },
        }
        //**** template, render
    };
</script>
<style lang="less" rel="stylesheet" scoped>
</style>
